<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>密码修改</title>
<base href="<%=basePath%>">
<link href="resourse/css/bootstrap.min14ed.css" rel="stylesheet">
<link href="resourse/css/style.min862f.css" rel="stylesheet">
<link href="resourse/css/plugins/jqgrid/ui.jqgridffe4.css" rel="stylesheet">
<link href="resourse/css/font-awesome.min93e3.css" rel="stylesheet">
<link href="resourse/plugins/Ztree/zTreeStyle/metro.css" rel="stylesheet">
	<link href="resourse/plugins/toast/jquery.toast.css" rel="stylesheet">
<style type="text/css">
   .ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #2f4050;
    box-shadow: 0px 4px 7px #ccc;
    border-color:#2f4050;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
    border-width: 4px 0 0;
    color: #fff;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;
}

.ibox-content {
    box-shadow: 0px 2px 7px #ccc;
    background-color: #fff;
    color: inherit;
    padding: 15px 20px 20px;
    border-color: #fff;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}
</style>
</head>
<body class="gray-bg">
	<input type="hidden" id="path" class="form-control" value="<%=path%>" style="height:30px">
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="row">
			<div class="col-sm-7"></div>
        </div><br>
        <!-- 密码修改 -->
        <div class="row">
			<div class="col-sm-8" style="margin-left:17%">
        		 <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title" style="padding-top: 8px;background-color:#8cc152;color:#fff;border-color:#8cc152">
                        <span><i class="icon-cog" style="color:#fff;font-size:18px;margin-right:20px"></i><font style="font-size:15px;font-family:微软雅黑">密码修改</font></span>
                    </div>
                      <div class="ibox-content">
                    	<form method="get" class="form-horizontal">
                        	<div class="form-group">
			 					<div class="col-sm-12">
			   						<div class="row">
                                    	<label class="col-sm-3 control-label ">旧密码&nbsp:</label>
                                        <div class="col-md-6">
                                        	<input type="password" id="editOldPwd" autocomplete="off" class="form-control" style="height:35px" placeholder="请输入旧密码">
                                        	<span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 必填，密码长度为6-12位</span>
                                       	</div>
                                    </div><br>
                                    <div class="row">
                                    	<label class="col-sm-3 control-label">新密码&nbsp:</label>
                                        <div class="col-md-6">
                                        	<input type="password" id="editNewPwd" class="form-control" autocomplete="off" onblur="AuthPasswd(this.value);" style="height:35px" placeholder="请输入新密码">
                                        	<span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 必填，密码长度为6-12位</span>
                                       	</div>	
                                    </div><br/>
                            		<div class="row">
                                        <label class="col-sm-3 control-label">密码强度&nbsp:</label>  
                                       
                                        <div class="col-md-6">
                                        	<span id="weak" style="color: white;"></span>
                                        	<span id="middle" style="color: white;"></span>
                                        	<span id="strength" style="color: white;"></span>
                                        	<span class="help-block m-b-none" style="color:#f00;"><i class="fa fa-info-circle"></i> 安全性高的密码可以使帐号更安全</span>
                            			</div> 
                            			
                            		</div><br>
                            		<div class="row">
                                    	<label class="col-sm-3 control-label">确认密码&nbsp:</label>
                                        <div class="col-md-6">
                                        	<input type="password" id="editNewPwd2" autocomplete="off" class="form-control" style="height:35px" placeholder="请验证密码">
                                        	<span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 必填，两次密码必须一致</span>
                                       	</div>
                                       	
                                    </div><br>
                				</div>                                                                 
            				</div><hr style="color:#ccc">
                            <div class="form-group">
                            	<div class="col-sm-4 col-sm-offset-2 pull-right" >
                                	<button class="btn ys" id="btnSave" type="button" style="background-color:#E9573F;border-radius: 16px;"><span style="color:#fff">提交</span><span class="glyphicon glyphicon-download-alt" style="color:#fff"></span></button>
                                    <button class="btn ys" id="btnReset" type="button" style="background-color:#8CC152;border-radius: 16px;"><span style="color:#fff">重填</span><span class="glyphicon glyphicon-remove-circle" style="color:#fff"></span></button>
                                </div>
                            </div>
                    	</form>
                    </div>
                </div>
            </div>
            </div>
        </div>
    </div>
	<script src="resourse/js/jquery.min.js"></script>
	<script src="resourse/js/bootstrap.min.js"></script>
	<script	src="resourse/js/plugins/jqgrid/i18n/grid.locale-cnffe4.js"></script>
	<script src="resourse/js/plugins/jqgrid/jquery.jqGrid.minffe4.js"></script>
	<script src="resourse/js/plugins/datapicker/bootstrap-datepicker.js"></script>
	<script src="jsp/sys/updatePwd.js"></script>
	<script type="text/javascript" src="js/jquery.md5.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script src="js/des.js" type="text/javascript"></script>
	<script src="resourse/plugins/toast/jquery.toast.js"></script>

</body>
</html>